<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">
	<title>追剧抢鼓两不误，送你一只拨浪鼓</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css"  href="css/reset.css">
	<style>
		html{
			font-size: 625%;
			background: #ED2F73;
		}
		.container{
			max-width:750px;
			min-width:320px;
			margin: 0 auto;
			background:#ED2F73 url(./img/bg.gif) no-repeat 50% 0;
			background-size: cover;
			padding-top:160%;
			position: relative;
		}
		.code{
			width: calc(100% - 10%);
			box-sizing:border-box;
			position:absolute;
			top:62%;
			left:5%;
			background: url(./img/center.gif) no-repeat 50% 0;
			background-size: cover;
			padding-top:40%;
		}
		.code .lucky,.code .time{
			width: 100%;
			box-sizing:border-box;
			text-align: center;
			display: inline-block;
			position: absolute;
			left:0;
			top:50%;
			font-size: 0.16rem;
		}
		.code .time{
			top:65%;
		}
		.footer{
			width: 100%;
			box-sizing:border-box;
			padding-top:40px;
			padding-bottom:10px;
			text-align: center;
		}
		.footer img{
			width: 22%;
		}
		.footer .foot{
			width: 100%;
			box-sizing:border-box;
			text-align: center;
			display: inline-block;
			line-height: 40px;
			color:#fff;
			font-size: 0.14rem;
			height: 40px;
		}
	</style>
</head>
<body>
	<div class="container">	
		<div class="code">
			<span class='lucky'>兑奖码：sdfld9</span>
			<span class='time'>兑奖时间：2017年4月10日</span>
		</div>
		<div class="footer">
			<img src="./img/logo.gif" alt="">
			<span class="foot">中奖结果请实时关注义乌购商城</span>
		</div>		
	</div>
</body>
</html>